.card {
  padding: 12px;
  border-radius: 3px;
  background-color: #fff;

  & + & {
    margin-top: 20px;
  }

  &:hover {
    box-shadow: 0 4px 10px #e8e8e8;
  }

  .header,
  .footer {
    display: flex;
    gap: 20px;

    .left {
      flex: 1;
    }

    .right {
      text-align: right;
      font-size: 12px;
    }
  }
}
